 
var vv=new Vue({
    el:"#app",
    data:{
        message:'hello vue'
    },
    mounted(){
        axios
        .get('json/news.json')
        .then(response => (this.message = response.data.employees))
        .catch(function(error){
            console.log(error);
        })
    }
})


setTimeout(function () {
            siteLoading.classList.remove('active')
}, 2000)


var da = document.querySelector(".header nav ul");
var nav = document.querySelector(".header nav");
var col = document.querySelectorAll(".header nav a");
var hidden = document.querySelector(".hidden"); 
//for(var j=0;j<col.length;j++){
//    if(j==col.length-1){
//        col[j].addEventListener('mouseover',function(){
//            this.style.color="black";
//        })
//        col[j].addEventListener('mouseleave',function(){
//            this.style.color="#7B7575";
//        }) 
//    }else{
//        col[j].addEventListener('mouseover',function(){
//            this.style.color="#0087cd";
//        })
//        console.log(document.documentElement.scrollTop!==0)
//        console.log(document.documentElement.scrollTop)
//        if(document.documentElement.scrollTop!==0){
//            col[j].addEventListener('mouseleave',function(){
//            this.style.color="black";
//            })
//        } 
//    }
//    
//}
da.addEventListener('mouseover',function(){
    nav.style.height="400px";
    nav.style.background="white"; 
    for(var i=0;i<col.length;i++){
        if(i!==col.length-1){
            col[i].style.color="black";   
        }  
    }
})  
da.addEventListener('mouseleave',function(){
    nav.style.height="68px";
    nav.style.background="white";
    for(i=0;i<col.length;i++){
    if(i!==col.length-1){
        col[i].style.color="black";
    } 
    } 
    if(document.documentElement.scrollTop==0){
        nav.style.background="none";
        for(i=0;i<col.length;i++){
        if(i!==col.length-1){
            col[i].style.color="white";
        } 
        }
    }  
    
      
}) 
var t=document.querySelector(".top"); 

window.onscroll=function(){
    if(document.body.scrollTop>10 || document.documentElement.scrollTop>10){
        nav.style.background="white"; 
        nav.style.top="0px";
        nav.style.transition=".3s";
        for(i=0;i<col.length;i++){
            if(i!==col.length-1){
               col[i].style.color="black"; 
            } 
        }
        
    }else{
        nav.style.background="none"; 
        nav.style.top="32px";
        nav.style.transition=".1s";
        for(i=0;i<col.length;i++){
            if(i!==col.length-1){
                col[i].style.color="white";
            } 
        }
        hidden.style.background="none";
    }
    if(document.body.scrollTop>1000 || document.documentElement.scrollTop>1000){ 
        t.style.display="block";
    }else{
        t.style.display="none";
    }
    
} 
t.addEventListener('click',function(){
    window.scrollTo({
        top:0,
        behavior:'smooth'
    })
//    window.scrollTo(0,0);
})


//var ss=document.querySelectorAll(".img");
//console.log(ss);
//for(var s=0;s<ss.length;s++){
////    console.log(s);
//        ss[s].addEventListener('mouseover',function(){
//        var fu=this.parentNode.firstChild; 
//        console.log(fu); 
//    })
//
//}






//var a = document.querySelector(".a")
//var img = document.querySelector(".img")
//a.addEventListener('mouseover',function(){
//    img.style.top="68px";
//}) 
//a.addEventListener('mouseleave',function(){
//    img.style.top="-400px";
//}) 


//img.addEventListener('mouseleave',function(){
//    img.style.top="-400px";
//})


//img.onmouseout=function(event){
//    var div = document.getElementById(".img");
//    var x=event.clientX;
//    var y=event.clientY;
//    var divx1 = div.offsetLeft;
//    var divy1 = div.offsetTop;
//    var divx2 = div.offsetLeft + div.offsetWidth;
//    var divy2 = div.offsetTop + div.offsetHeight;
//    if( x < divx1 || x > divx2 || y < divy1 || y > divy2){
//        img.style.top="-400px";
//    }
//    //如果离开，则执行。。
//} 


//var b = document.querySelector(".b")
//var ig = document.querySelector(".ig")
//b.addEventListener('mouseover',function(){
//    ig.style.top="68px";
//}) 
//ig.addEventListener('mouseleave',function(){
//    ig.style.top="-400px";
//}) 



